﻿<%@ Page Title="Contact" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Contact.aspx.cs" Inherits="DemoWebFormExtJS.Contact" %>

<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <hgroup class="title">
        <h1><%: Title %>.</h1>
        <h2>Your contact page.<br />
            <br />
            <br />
        </h2>
    </hgroup>

    <ext:ResourceManager runat="server" />
    
    <ext:Viewport runat="server" Layout="Border">
        <Items> 
            <ext:Panel 
                runat="server" 
                Width="300" 
                Border="false" 
                Region="West" 
                Layout="Fit" 
                BodyPadding="5"
                Collapsible ="true"
                Resizable = "true">
                <Items>
                    <ext:Panel runat="server" Layout="Accordion" Margins="0 0 15 0">
                        <LayoutConfig>
                            <ext:AccordionLayoutConfig OriginalHeader="true" />
                        </LayoutConfig>
                        <Items>
                            <ext:Panel runat="server" Title="Item 1" Border="false" />
                            <ext:Panel runat="server" Title="Item 2" Border="false" />
                            <ext:Panel runat="server" Title="Item 3" Border="false" />
                            <ext:Panel runat="server" Title="Item 4" Border="false" />
                            <ext:Panel runat="server" Title="Item 5" Border="false" />
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Panel>
            
            <ext:Panel runat="server" Margins="5" Region="Center" BodyPadding="10">
                <Content>
                    <h1>Original header of the Accordion's item</h1>
                </Content>
            </ext:Panel>
        </Items>
    </ext:Viewport>

    <section class="contact">
        <header>
            <h3>Phone:</h3>
        </header>
        <p>
            <span class="label">Main:</span>
            <span>425.555.0100</span>
        </p>
        <p>
            <span class="label">After Hours:</span>
            <span>425.555.0199</span>
        </p>
    </section>

    <section class="contact">
        <header>
            <h3>Email:</h3>
        </header>
        <p>
            <span class="label">Support:</span>
            <span><a href="mailto:Support@example.com">Support@example.com</a></span>
        </p>
        <p>
            <span class="label">Marketing:</span>
            <span><a href="mailto:Marketing@example.com">Marketing@example.com</a></span>
        </p>
        <p>
            <span class="label">General:</span>
            <span><a href="mailto:General@example.com">General@example.com</a></span>
        </p>
    </section>

    <section class="contact">
        <header>
            <h3>Address:</h3>
        </header>
        <p>
            One Microsoft Way<br />
            Redmond, WA 98052-6399
        </p>
    </section>
</asp:Content>